/* 
    Document   : site
    Created on : 08.12.2011, 19:10:19
    Author     : moroz
    Description:
        Purpose of the stylesheet follows.
*/


/*стандартный ластик*/
body, html {margin:0;padding:0;
            color:#000;}
/*
Теперь нужно расположить всё содержимое страницы в центре и задать ему ширину. 
Для этого у нас есть контейнер #wrap. Тут же зададим ему цвет фона.
Метод, который мы используем, основан на том, что если левый и правый отступы элемента определены как auto, 
то он всегда будет находиться в центре окна браузера.
А чтобы предотвратить проблемы в некоторых браузерах, связанные с тем, 
что окно может быть меньше контейнера #wrap, установим минимальную ширину и его и всей страницы.
*/ 
body {
    min-width:750px;
}

div.bordered  { 
    border: solid thin cadetblue;
    border-radius: 3px; 
}

#wrap {
    /*  background:#99c; */
    margin:0 auto;
    width:80%;
    border: 0px;
    padding-top: 5px;
}

/*
А для наглядности раскрасим фоны всех контейнеров в разные цвета.
*/
/*
#header {background-color: #ff0033;}
#nav {background-color: #c99;}
#main {background-color: #33ff33;}
#sidebar {background-color: #df71b3;}
#footer {background-color: #cc9;}
*/

/*
Чтобы две колонки (#main и #sidebar) отображались рядом, определим для них фиксированную ширину.
*/
#main {
    float:left;
    width:70%;
    margin-bottom: 5px;
}

#sidebar {
    float:right;
    width: 29%;
    border: 0px;

}

#tags {
    margin-top: 5px;
    padding: 5px;
}
#news {
    margin-top: 5px;
    padding: 5px;
}
/*
Чтобы опустить секцию подвала в низ страницы, используем свойство clear, 
определяющее невозможность нахождения элементов на одной строке с текущим.
*/
#footer {
    margin-bottom: 5px;
    clear:both;
}

#footer p {
    padding:0px;
    margin:5px;
}
/*
Контейнер #nav содержит список ссылок. Расположим его более правильно.
*/
#nav {
    margin-top: 5px;
    padding:5px;
}

#nav ul{
    margin:0;
    padding:0;
    list-style:none;
}
#nav li{
    display:inline;
    margin:0;
    padding:0;
}

#header h1 {
    padding:5px;
    margin:auto;
    font-style: italic;
    color: #333333;
    text-align: center;
}

#main h2, #main h3, #main p {
    padding:0 10px;
}

#sidebar ul 
{
    margin-bottom:0;
}

#tags h3, #tags p,#news h3,#news p {
    padding:0 0 0 0;
    margin: 5px;
    margin-top: 0px;
}

form {
    margin: 3px;
    width:99%; 
    border-style: dashed;
    border-width: 1px;
    padding-bottom: 1px;
}

.article-desc {
    text-align: right;
    background-color: #ccccff;
    font-family:monospace,  sans-serif;
    font-size: small;
}

.article-text h2{
    margin-top: 5px;
    margin-bottom: 3px;
    text-indent: 7px;
}
p {
    margin-top: 3px;
    margin-bottom: 3px;
}
ul {
    margin-top: 3px;
    margin-bottom: 3px;
}
.article-waper {
    margin-top: 5px;
}
/*
a {
    color: #ccccff;
}
*/